
/*----------------- FORMATOS -----------------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.textos{
    font-family: Arial;
    font-style: solid;
    color: #3A3A3A;
    font-size: 15px;
    font-weight: bold;
    height: 40px;
}
.botones{
    background-color: #821010;
    font-weight: bold;
    border: solid;
    border-color: #821010;
    border-radius: 2px;
    color: #fff;
    text-shadow: 0 -1px 1px rgba(0,40,50,0.35);
    width: 100px;
    height: 30px;
}
.botones:hover{
    background-color: #991414;
    border-color: #991414;
}
.botones:active{
    background-color: #4d0b0b;
    border-color: #4d0b0b;
    color: #fff;
    text-shadow: 0 -1px 1px rgba(0,40,50,0.35);
}
#divTitulo{
    margin: 0px 5px 1px 15px;
    background: transparent; 
    font-size: 20px;
    font-weight:  bold;
    color: #3A3A3A;
    vertical-align: bottom;
}
#centrado{
    background-color: whitesmoke;
    margin: -2px -0.1px -1px -1px;
}
#headerText{
    float:left;
    height: 68px;
    vertical-align: middle;
}
#textoCabecera{
    float: right;
    font-weight: bold;
}
#contenido{
    border-style: solid;
    border-width: 1px;
    border-color: #821010;
    border-radius: 5px;
    background-color: whitesmoke;
    opacity: 0.9;
    position: absolute;
    top: 22%;
    left: 19.8%;
    width: 79.5%;
    height: 69%;
}
body{
    background-color: whitesmoke;
}
#cr{
    text-decoration: none;
    color:#7E7E7E;
    font-size: 12px;
    font-family: courier;
    font-weight: bold;
}
#cr:hover{
    color: #4297d7;
}
/*----------------- FIN FORMATOS -----------------------*/
/*---------------- ANULAR --------------*/
#divAnular,#divTicket,#divConsultaHistorial{
    /*position: absolute;
    top: 5%;
    left:35%;*/
}
#divRevertir{
    /*position: absolute;
    top:5%;
    left: 35%;*/
}
/*---------------- FIN ANULAR --------------*/
/*---------------- HR --------------*/
hr{
    border: 0;
    margin: 1.35em auto;
    max-width: 100%;
    background-position: 50%;
    box-sizing: border-box;
}
.dots {
  border-width: 0 0 6px;
  border-style: solid;
  border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1"><circle fill="hsla(0, 0%, 65%, 1.0)" cx="1" cy="0.5" r="0.5"/></svg>') 0 0 100% repeat;
  width: 370px;
}
/*---------------- FIN HR --------------*/
/*---------------- DEFAULT --------------*/
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(../extensions/fonts/Lato/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../extensions/fonts/Lato/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(../extensions/fonts/Lato/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
.container {
  width: 705px;
  height: 400px;
  margin: 0 auto;
}
.logo {
  font-weight: 400;
  font-family: 'Lato', Calibri, Arial, sans-serif;
  color: #999999;
  font-size: 80px;
  position: relative;
  margin: 0;
}

.word {
  color: #821010;
}

.right, .left {
  font-family: arial;
  font-size: 180px;
  position: relative;
  top: 55px;
  color: #821010;
  margin: 0 0 0 20px;
}

.text {
  font-size: 30px;
  position: absolute;
  top: 168px;
  left: 255px;
}
.left {
  margin: 0 30px 0 0;
}
/*---------------- FIN DEFAULT --------------*/
/*---------------- SGV --------------*/
#divSvg{
    height: 500px;
}
svg{
    width: 100%; 
    height: 100%;
}

/*---------------- FIN SGV --------------*/
/*---------------- INPUT -----------------*/
input ,select{ 
	padding: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 14px;
	color: #9d9e9e;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
	
	background: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
}
input:focus {
    background: #ECDFDF;
    color: #414848;
	
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
}
input:hover{
    background: #ECDFDF;
    color: #414848;
}
/*---------------- FIN INPUT -----------------*/
/*------------------- SELECT --------------------*/
select:focus{
    background: #ECDFDF;
    color: #414848;
}
select:hover{
    background: #ECDFDF;
    color: #414848;
}

/*------------------- FIN SELECT --------------------*/
/*-------------------- FOOTER -----------------*/
#footer{
    background-color: #3A3A3A;
    position: absolute;
    top: 92%;
    left: 0%;
    color: whitesmoke;
    font-size: 8px;
    text-align: center;
    height: 50px;
    width: 100%;
    clear: both;
    vertical-align: middle;
}
h1#author {
  /*position: fixed;*/
  bottom: 50px;
  text-align: center;
  font-weight: bold;
  color: #30303f;
  width: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 100%);
  padding: 10px 0;
  font-family: courier;
  text-stroke: 1px;
  font-size: 10px;
  text-shadow: 0 0 10px #aaaaaa;
}
h1#author a {
  color: #821010;
  text-decoration: none;
}
/*--------------------FIN FOOTER -----------------*/

/*---------------- BANER FECHA ----------------*/
#baner{
    background-color: #821010;
    border: 2px solid #222;
    border-left: 0px;
    border-right: 0px;
    position: relative;
    margin-top: 30px;
    color: whitesmoke;
    font-size: 12px;
    font-family: sans-serif;
    font-weight: bold;
    text-align: left;
    height: 50px;
    clear: both;
    vertical-align: middle;
}
/*---------------- FIN BANER FECHA ----------------*/

/*---------------------- MENU ------------------------*/
#divMenu{
    background: #821010;
    border: 2px solid #222;
    border-top: 0px;
    border-left: 0px;
    position: absolute;
    left: 0%;
    top: 19.9%;
    height: 464px;
    width: 252px;
}
#cssmenu {
  margin: 0;
  font-family: 'Roboto Condensed';
  line-height: 1;
  width: 250px;
  left: 0.5%;
  top: 30%;
}
.align-right {
  float: right;
}
#cssmenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
#cssmenu ul li {
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu ul li a {
  text-decoration: none;
  cursor: pointer;
}
#cssmenu > ul > li > a {
  color: #dddddd;
  text-transform: uppercase;
  display: block;
  padding: 20px;
  border-top: 1px solid #000000;
  border-left: 0px solid #000000;
  border-right: 0px solid #000000;
  background: #821010;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 300;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  position: relative;
}
#cssmenu > ul > li:first-child > a {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
#cssmenu > ul > li:last-child > a {
  /*border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;*/
  border-bottom: 1px solid #000000;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.open > a,
#cssmenu > ul > li.active > a {
  background: #821010;
  color: #ffffff;
}
#cssmenu ul > li.has-sub > a::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid #000000;
  border-botom: 13px solid transparent;
  border-left: 125px solid transparent;
  border-right: 125px solid transparent;
  left: 0;
  bottom: -13px;
  bottom: 0px;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
#cssmenu ul > li.has-sub > a::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid #821010;
  border-botom: 13px solid transparent;
  border-left: 125px solid transparent;
  border-right: 125px solid transparent;
  left: 0;
  bottom: -12px;
  bottom: -1px;
  z-index: 3;
  opacity: 0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
#cssmenu ul > li.has-sub::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top-color: #dddddd;
  z-index: 2;
  right: 20px;
  top: 24.5px;
  pointer-events: none;
}
#cssmenu ul > li:hover::after,
#cssmenu ul > li.active::after,
#cssmenu ul > li.open::after {
  border-top-color: #ffffff;
}
#cssmenu ul > li.has-sub.open > a::after {
  opacity: 1;
  bottom: -13px;
}
#cssmenu ul > li.has-sub.open > a::before {
  opacity: 1;
  bottom: -12px;
}
#cssmenu ul ul {
  display: none;
}
#cssmenu ul ul li {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#cssmenu ul ul li a {
  background: #f1f1f1;
  display: block;
  position: relative;
  font-size: 15px;
  padding: 14px 20px;
  border-bottom: 1px solid #dddddd;
  color: #777777;
  font-weight: 300;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
#cssmenu ul ul li:first-child > a {
  padding-top: 18px;
}
#cssmenu ul ul ul li {
  border: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
  background: #e4e4e4;
  color: #666666;
}
#cssmenu ul ul > li.has-sub > a::after {
  border-top: 13px solid #dddddd;
}
#cssmenu ul ul > li.has-sub > a::before {
  border-top: 13px solid #e4e4e4;
}
#cssmenu ul ul ul li a {
  padding-left: 30px;
}
#cssmenu ul ul > li.has-sub::after {
  top: 18.5px;
  border-width: 6px;
  border-top-color: #777777;
}
#cssmenu ul ul > li:hover::after,
#cssmenu ul ul > li.active::after,
#cssmenu ul ul > li.open::after {
  border-top-color: #666666;
}
/*-------------------- FIN MENU ---------------------*/